<template>
  <div class="pageDesign">
    <el-row :gutter="5">
      <el-col :span="4"> <left-region /> </el-col>
      <el-col :span="16"><central-region /></el-col>
      <el-col :span="4"><right-region /></el-col>
    </el-row>
  </div>
</template>

<script setup>
import { onMounted, reactive } from "vue";
import leftRegion from "./components/leftRegion/index.vue";
import centralRegion from "./components/centralRegion/index.vue";
import rightRegion from "./components/rightRegion/index.vue";

defineOptions({
  name: "pageDesign",
  inheritAttrs: false,
});

onMounted(() => {});
</script>

<style lang="scss" scoped></style>
